<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-3.3.1.min.js"></script>
</head>
<body>
<h3>php中文网</h3>
<h3>php中文网</h3>
<h3 class="demo">php中文网</h3>
<h3 class="demo">php中文网</h3>
</body>
<script>
    $(function () {
    //    wrap()将选中的 所有元素 进行包装，参数是标签对
        $('h3').wrap('<i></i>');

    //    wrapInner()将选中的所有元素 内容 进行包装，参数是标签对
        $('h3').wrapInner('<span style="color:red"></span>');

    //    wrapAll()将选择的元素作为一组进行包装,可嵌套
        $('h3.demo').wrapAll("<a href='http://www.php.cn'></a>")

        $('h3:first').wrapAll("<a href='http://www.php.cn'><div></div></a>")

    })
</script>
</html>